.box{
    width: 200px;
    height: 200px;
    background: linear-gradient(#ff0000,#00ff00,#0000ff,#ed4587);
}
/* left right top bottom */
.box1{
    width: 200px;
    height: 200px;
    background: linear-gradient(to right,#ff0000,#00ff00,#0000ff,#ed4587);
}

.box2{
    width: 200px;
    height: 200px;
    background: linear-gradient(45deg,#ff0000,#00ff00,#0000ff,#ed4587);
}

.box3{
    width: 200px;
    height: 200px;
    background: linear-gradient(45deg,#ff0000,transparent,#00ff00 70%,#0000ff,#ed4587,transparent);
}